<template>
	<!-- <view class="title"></view> -->
	<view class="btnBox" @click="navigateTo('sao2')" hover-class="active">
		<image src="../../static/barcode.png" mode="widthFix"></image>
		<text>扫描包装盒上的条形码</text>
		<!-- <text>扫描示范</text>
		<image style="width: 600rpx;" class="sm_example" src="../../static/qr_example.png" mode="widthFix"></image> -->
		<!-- <view @click="navigateTo('goods')" class="no2" hover-class="active">
			<image src="../../static/shao.svg" mode="widthFix"></image>
			<text>商品一维码</text>
		</view> -->
	</view>
	<!-- <view class="btnBox">
		<view @click="navigateTo('sao2')" class="no2" hover-class="active">
			<image src="../../static/barcode.png" mode="widthFix"></image>
			<text>持续监听</text>
		</view>
	</view> -->
</template>

<script>

export default {
	data() {
		return {}
	},
	onLoad() {
		
	},
	methods: {
		navigateTo(url) {
			uni.navigateTo({
				url: `../${url}/${url}`
			})
		}
		
	}
}
</script>

<style scoped lang="scss">
page {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	
}


.title {
	color: #ffffff;
	padding: 15rpx 15rpx 5rpx;
	font-size: 28rpx;
}
.btnBox {
	/* background: #ffffff; */
	width: 100%;
	height: 100%;
	padding: 5rpx;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	image {
			margin-bottom: 12rpx;
			width: 150rpx;
		}
	text{
		color: #868686;
		font-size: 28rpx;
	}

	
}
</style>
